/*首页思路分析 

1.点击侧边栏: 样式排他,标签高亮
2.网页嵌套功能（a标签+iframe标签）
3.初始化数据
4.退出功能
5.搜索功能(做完整个项目,最后大家课后自行实现：根据学号搜索学员)
*/

//1.点击侧边栏: 样式排他,标签高亮
document.querySelectorAll('.nav>li>ul>li>a').forEach(item => {
  item.addEventListener('click',function(){
    //排他
    document.querySelector('a.active').classList.remove('active')
    this.classList.add('active')
  })
})

//2.网页嵌套功能（a标签+iframe标签）html中改动

//3.初始化数据
document.querySelector('.init').addEventListener('click',function(){
  //所有的接口都需要在请求头中发送token
  let myToken = localStorage.getItem('myToken')

  axios({
    url:'/init/data',
    method:'get',
    headers: {'Authorization': myToken},
  }).then(res=>{
    //成功回调
    console.log(res)
    if(res.data.code == 1){
      Toast.success('初始化成功')
      //刷新页面
      location.reload()
    }else{
      Toast.fail('初始化失败')
    }
  })
})

// 4. 退出功能
document.querySelector('.logout a').addEventListener('click',function(){
  localStorage.removeItem('myToken')
  location.href = `./login.html`
})

//首页初始化
document.querySelectorAll('.nav>li>ul>li>a')[0].click()

